// --------------------------------------------------
// Typography
// --------------------------------------------------
h1,
h2,
h3,
h4,
h5,
h6
  font-family: inherit
  font-weight: 500
  line-height: 1.1
small,
.small
  font-weight: 400
  line-height: 1
  color: $grey-light
  font-size: 65%
h1
  font-size: 36px
h2
  font-size: 30px
h3
  font-size: 24px
h4
  font-size: 18px
h5
  font-size: 14px
h6
  font-size: 12px
hr
  margin-top: 20px
  margin-bottom: 20px
  border: 0
  border-top: 1px solid $grey-lighter

// text weight
.text-thin
  font-weight: 200
.text-normal
  font-weight: 400
.text-bold
  font-weight: 700
.text-bolder
  font-weight: 900
